#m1{background: #f5f6f6; position: relative; z-index: 2; padding-bottom: 50px; padding-top:30px;}
#m1 .tit-container{position: relative;}
#m1 .tit-container .more{display: block; position: absolute; right: 0; top: 100px; color: #f36e21; font-size: 1.5rem;}
#m1 .tit-container .more::before{content: '\e685'; font-family: 'iconfont'; font-size: 1.4rem; margin-right: 6px;}
#m1 .tit-container .more:hover{color: #464646;}
#m1 .box{width: 100%; overflow: hidden; margin-top: -10px;}
#m1 .list{display: flex; flex-wrap: wrap; width: calc(100% + 10px);}
#m1 .list a{display: block; width: calc(20% - 10px); margin-right: 10px; height: 0; padding-bottom: 8%; margin-bottom: 10px; background: #fff; position: relative; overflow: hidden; transition: all .3s;}
#m1 .list a:hover{box-shadow: 0 0 0 4px #f36e21 inset;}
#m1 .list a .img{opacity: 0; position: absolute;}
#m1 .list a i{position: absolute; text-align: right; font-size: 5.2rem; width: 100%; right: 20px; top: 20px; color: #bbb; transition: all .2s;}
#m1 .list a:hover i{top: 26px; color: #d0d0d0;}
#m1 .list a .tit{position: absolute; width: 100%; left: 0; padding-left: 20px; box-sizing: border-box; bottom: 22px; font-size: 1.1rem; font-weight: bold; transition: all .3s;}
#m1 .list a:hover .tit{color: #f36e21; padding-left: 26px;}
#m1 .list a .icon-yongdianqujianbaobiao{transform: scale(.85); right: 10px;}
#m1 .list a .icon-dianzi{transform: scale(1.08); right: 25px;}
#m1 .list a .plus{display: block; width: 32px; height: 32px; background: #f36e21; color: #fff; position: absolute; right: -32px; bottom: -32px; text-align: center; line-height: 31px; font-size: 1.2rem; opacity: 0; transition: all .3s;}
#m1 .list a .plus::after{font-family: 'iconfont'; content: '\e727';}
#m1 .list a:hover .plus{right: 0; bottom: 0; opacity: 1;}

@media (max-width:1679px){ /*1440*/
  #m1 .list a{display: block; width: calc(25% - 10px);}
  #m1 .list a .tit{height: 24px;}
}
@media (max-width:1439px){ /*1366*/
  #m1 .list a i{font-size: 4.8rem;}
  #m1 .list a .tit{font-size: 1.7rem;}
}
@media (max-width:1365px){ /*1280*/
  #m1 .list a i{font-size: 4.2rem;}
  #m1 .list a .tit{font-size: 1.6rem; height: 22px;}
  #m1 .tit-container .more{font-size: 1.4rem;}
}
@media (max-width:1279px){ /*MP*/
  #m1{padding-bottom: 70px;}
  #m1 .tit-container .more{display: none;}
  #m1 .list{display: flex; margin-top: unset; padding: 0 15px; box-sizing: border-box;}
  #m1 .list a{width: calc(50% - 10px); padding-bottom: 28%;}
  #m1 .list a i{font-size: 3.6rem;}
  #m1 .list a .tit{padding-left: 15px; padding-right: 15px; bottom: 10px; font-size: 1.5rem;}
}